.fl {
  float: left!important;
}
.fr {
  float: right!important;
}


header {
  width:auto;
  height:213px;
  background: linear-gradient(180deg, #91cff4, #449fd8);
}
.head {
  margin:0 auto;
  width:1200px;
  height:100%;
}
.head .logo {
  padding-top:40px;
  width:auto;
}
.head .logo dl dt {
  margin-right:15px;
  float: left;
}
.head .logo dl dt img {
  height:40px;
}
.head .logo dl dd {
  float: left;
  font-size:36px;
  line-height:40px;
  color:#ffffff;
  font-weight: bold;
}


.head .navbox {
  margin-top:40px;
  padding:0 0 0 0px;
  clear: both;
  width:auto;
  height:45px;
  background:#00629f;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  overflow: hidden;
}
.head .navbox a {
  display: block;
  float: left;
  padding:0 30px;
  line-height:45px;
  font-size:14px;
  color:#ffffff;
}
.head .navbox a:hover,
.head .navbox a.act {
  color:#ffffff;
  background: #0f86d0;
}

.mainbox {
  margin:0 auto 0 auto;
  width:1200px;
}
.mainbox .l_nav {
  margin-top:10px;
  float: left;
  width:200px;
}
.mainbox .l_nav dl dt {
  width:100%;
  height:50px;
  line-height: 50px;
  text-align: center;
  background: #00629f;
  color:#ffffff;
  font-size:18px;
  font-weight: bold;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}
.mainbox .l_nav dl dd {
  clear: both;
}
.mainbox .l_nav dl dd a {
  position: relative;
  display: block;
  padding:0 0 0 15px;
  width:auto;
  height:45px;
  line-height:45px;
  overflow: hidden;
  color:#000000;
  font-size:14px;
  text-align: left;
  border-bottom:1px #e5e5e5 solid;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}
.mainbox .l_nav dl dd a:last-child {
  border:0
}
.mainbox .l_nav dl dd a:hover {
  background: #fafafa;
}
.mainbox .l_nav dl dd a.act {
  color     : #ffffff;
  background: #0f86d0;
}
.mainbox .r_content {
  float: left;
  padding:0 0 0 25px;
  width:calc(100% - 200px);
}
.mainbox .location {
  width:100%;
  height:55px;
  line-height:55px;
  font-size:12px;
  color:#888888;
  border-bottom:1px #e5e5e5 solid;
  background:#ffffff;
}
.mainbox .location dl dt {
  position: relative;
  padding:0 0 0 10px;
  float:left;
  font-size:18px;
  color:#00629f;
  font-weight: bold;
}
.mainbox .location dl dt::before {
  position: absolute;
  top:19px;
  left:0;
  width:3px;
  height:18px;
  content: '';
  background: #00629f;
  z-index: 1;
}
.mainbox .location dl dd {
  float:right;
}


.companyinfo {
  padding:30px 0 0 0;
  width:auto;
  font-size:16px;
  line-height:32px;
}
.companyinfo p {
  margin-bottom:15px;
  text-indent: 32px;
  text-align: justify;
}
.companyinfo .title {
  font-weight: bold;
}

.proroll {
  margin-top:20px;
  width:1000px;
  height: 230px;
  overflow: hidden;
}
.proroll .swiper-wrapper {
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function   : linear;
  -ms-transition-timing-function    : linear;
  -o-transition-timing-function     : linear;
  transition-timing-function        : linear;
  margin                            : 0 auto;
}
.mn-swiper .swiper-slide a {
  color:#000000;
  width   : 100%;
  height  : 100%;
  display : block;
  overflow: hidden;
}
.mn-swiper .swiper-slide {  
  width: 220px !important;
  height: 220px !important;
  color: #000000;
  margin-left: 10px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border:1px #eeeeee solid;  
  overflow: hidden;
}
.mn-swiper .swiper-slide a {
  display: flex;
  width:100%;
  height:100%;
  justify-content: center;
  align-items: center;
}
.mn-swiper .swiper-slide a img {
  max-width: 100%;
  max-height: 100%;
}


footer {
  padding-top:25px;
  margin-top:30px;
  display: flex;
  clear: both;
  width:auto;
  justify-content: center;
  border-top:1px #e5e5e5 solid;
}

footer .f_logo {
  margin-right:30px;
  height:45px;
}
footer .f_logo img {
  height:100%;
}

footer .f_info {
  position: relative;
  font-size:14px;
}
footer .f_info span {
  margin-right:15px;
}
footer .f_info dt {
  margin-bottom:10px;
}
footer .f_info a {
  color:#222222;
  font-size:14px;
}
footer .f_info dd {
  margin-bottom:10px;
}
footer .f_info dd img {
  margin-right:5px;
}



.culturebox {
  padding    : 30px 0 150px 0;
  width      : auto;
  font-size  : 16px;
  line-height: 32px;
}
.culturebox p {
  margin-bottom: 15px;
  text-indent  : 32px;
  text-align   : justify;
}
.culturebox .title {
  font-weight: bold;
}


.probox {
  padding:30px 0 0 0;
  min-height:500px;
}

.probox .prolist {
  float: left;
  margin:0 10px 20px 0;
  width:150px;
}
.probox .prolist a {
  display: block;
  width:100%;
  color:#333333;
}
.probox .prolist dl {
  width: 100%;
}
.probox .prolist dl dt {
  display: flex;
  width:100%;
  height:150px;
  justify-content: center;
  align-items: center;
  background: #fafafa;
  border:1px #eeeeee solid;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}
.probox .prolist dl dt img {
  max-width:100%;
  max-height:100%;
}
.probox .prolist dl dd {
  width:100%;
  height:40px;
  line-height:40px;
  font-size:14px;
  overflow: hidden;
  text-align: center;
}


.provbox {
  padding:30px 0 200px 0;
  width:auto;
}
.provbox .proview {
  display: flex;
  margin:0 auto;
  width:380px;
  height:380px;
  justify-content: center;
  align-items: center;
}
.provbox .proname {  
  margin         : 0 auto 50px auto;
  padding:10px 0;
  width          : 380px;
  text-align: center;
  font-size:16px;
}
.provbox .proother {
  display: flex;
  padding-top:15px;
  margin:0 auto;
  width:700px;
  justify-content:space-between;
  border-top:1px #e5e5e5 solid;
}
.provbox .proother a {
  font-size:14px;
  color:#222222;
}
.provbox .proother a:hover {
  color:#f55555
}


.sealbox {
  padding:30px 0 0 0;
  width:auto;
}
.sealbox p {  
  width:auto;
  font-size:16px;
  line-height:32px;
}
.sealbox .seal_img {
  margin-top:20px;
}

.sealbox .seal_flow {
  clear: both;
  padding-top:40px;
  width:100%;
}
.sealbox .seal_flow dl {
  display: block;
  float: left;
  margin:0 20px 20px 0;
  width:150px;
}
.sealbox .seal_flow dl dt {
  display: flex;
  width:150px;
  height:150px;
  justify-content: center;
  align-items: center;
}
.sealbox .seal_flow dl dt img {
  max-width:100%;
  max-height:100%;
}
.sealbox .seal_flow dl dd {
  width:auto;
  font-size:14px;
  text-align: center;
}

.sealview {
  padding-top:30px;
  width:auto;
}
.sealview .sealtitle {
  padding-bottom:15px;
  width:auto;
  font-size:20px;
  text-align: center;
  font-weight: bold;
  border-bottom:1px #e5e5e5 solid;
}
.sealview .sealcontent {
  padding:30px 0;
  font-size:16px;
  line-height:32px;
}
.sealview .sealcontent img {
  display: block;
  margin:0 auto;
  max-width:80%;
}


.contactbox {
  width:auto;
}

.contactbox .contactmap {
  margin:15px 0 30px 0;
  width:100%;
  height:400px;
  border:3px #e5e5e5 solid;
}

.contactbox dl {
  display: block;
  clear: both;
  margin-top:0;
  width:100%;
}

.contactbox dl dt {
  margin-bottom:20px;
  font-size: 26px;
  font-weight: bold;
}
.contactbox dl dd {
  width:100%;
  height:45px;
  line-height:45px;
  border-bottom:1px #e5e5e5 dashed;
}
.contactbox dl dd:last-child {
  border:0;
}


.fkformbox {
  margin-top:30px;
  width:auto;
}

.fkformbox .fkformitem {
  margin:0 auto;
  width:600px;
}
.fkformbox .fkformitem dl {
  display: block;
  clear: both;
  margin-bottom:15px;
}
.fkformbox .fkformitem dl dt {
  float: left;
  padding-right:10px;
  line-height:40px;
}
.fkformbox .fkformitem dl dd {
  float: left;
}
.fkformbox .fkformitem dl dd input {
  padding:0 8px;
  width:500px;
  height:40px;
  font-size:14px;
  border:1px #e5e5e5 solid;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}
.fkformbox .fkformitem dl dd textarea {
  padding: 5px 8px;
  width: 500px;
  height: 150px;
  font-size: 14px;
  border: 1px #e5e5e5 solid;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}
.fkformbox .fkbotton {
  display: flex;
  margin:20px 0 0 70px;
  width:auto;
  justify-content: center;
  clear: both;
}
.fkformbox .fkbotton button {
  width:150px;
  height:45px;
  border:0;
  color:#ffffff;
  font-size:16px;
  background: #0175bd;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
}


.servebox {
  padding:40px 20px 200px 20px;
  width:auto;
}
.servebox dl {
  margin-bottom:20px;
  clear: both;
}
.servebox dl dt {
  margin-bottom:10px;
  font-size:20px;
  font-weight: bold;
  color:#00629f
}
.servebox dl dd {
  margin-bottom:10px;
  font-size: 16px;
  line-height:32px;
  text-indent: 32px;
}


.networkbox {
  padding:40px 0px 500px 0px;
  width:auto;
}

.networkbox dl dd {
  float: left;
  margin-bottom:20px;
  width:80px;
  height:30px;
  text-align: center;
  line-height:30px;
  font-size:16px;
}



/*----------翻页样式----------*/
.pagebox {
  clear : both;
  padding:15px 15px 40px 15px;
  display: flex;
  width     : 100%;  
  font-size : 14px;
  background: #fff;
  clear     : both;
  justify-content: center;
}

.pagebox ul li {
  float      : left;
  text-align : center;
  margin-left: 6px;
}

.pagebox ul li a {
  display: block;
  padding: 4px 8px;
  border : #eee 1px solid;
  color  : #187289;
}

.pagebox ul li a:hover {
  color: #f44444
}

.pagebox ul li a.disabled {
  color : #aaa;
  cursor: default;
}

.pagebox ul li a.active {
  background: #3296fa;
  border    : #3296fa 1px solid;
  color     : #fff;
}

.anchorBL {
  display: none;
}